<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>绿色未来环保公益平台</title>
		<link rel="stylesheet" type="text/css" href="css-six/bootstrap.css"/>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			@font-face {
				font-family: 'myfont1';
				src: url('fonts-six/font_banner/iconfont.eot');
				src: url('fonts-six/font_banner/iconfont.eot?#iefix') format('embedded-opentype'),
				 url('fonts-six/font_banner/iconfont.woff') format('woff'), 
				 url('fonts-six/font_banner/iconfont.ttf') format('truetype'), url('fonts/font_banner/iconfont.svg#iconfont') format('svg');
			}
			body{
				background: #F2F2F2;
			}
			.top{
				margin: 0px auto;
				width: 1220px;
				height: 60px;
				background: #59AA3A;
			}
			.top_menu{
				margin: 0px auto;
				padding: 0px;
			}
			.logo{
				background: url(img-six/logo.png);
				float: left;
				width: 60px;
				height: 60px;
				margin: 0px 0px 0px 140px;				
			}
			.clear:after {
				content: "";
				display: block;
				clear: both;
				height: 0px;
				visibility: hidden;
			}
			.topnavs{
				float: left;
			}
			.topnavs ul{
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
			.topnavs li{
				float: left;
			}
			.topnavs li a{
				display:block;
				color: white;
				width: 89px;
				height: 60px;
				line-height: 60px;
				text-align: center;
				text-decoration: none;
				font-size: 16px;
			}
			.topnavs li a:hover{
				background: #51A332;
			}
			.top .toppad {
				float: left;
				margin-top:5px ;
			}
			.search{
				float: left;
				margin-left: 17px;		
			}
			.search a{
				display: block;
				font-family: "myfont1";
				line-height: 60px;
				font-size: 25px;
				color: white;
				text-decoration: none;
			}
			.toplogin{
				float: left;
				margin-left:18px ;
				margin-right: 18px;
			}
			.toplogin a{
				display: block;
				line-height: 60px;
				text-align: center;
				text-decoration: none;
				font-size: 16px;
				color: white;
			}
			.fabu ul{
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
			.fabu li{
				float: left;
			}
			.fabu a{
				display: block;
				line-height: 60px;
				width: 85px;
				text-align: center;
				text-decoration: none;
				font-size: 16px;
				color: white;
			}
			.fabu .line{
				width: 1px;
				height: 60px;
				/*border-right: 1px solid  #419641;*/
			}
			.fabu span{
				font-family: "myfont1";
				font-size: 14px;
				color: #EEAB09;
			}
			.fabu ul li a:hover{
				background: #51A332;
			}
			.main{
				/*border: 1px solid royalblue;*/
				width: 1225px;
				margin: 0px auto;
				margin-top:25px ;
			}
			.main_top,.main_down{
				/*border: 1px solid red;*/
			}
			.main_top{
				padding-top: 20px;
				width: 1222px;
				height: 74px;
				padding-left:40px ;
				background-color: white;
			}
			.main_top h3{
				margin: 0px;
				font-size: 16px;
				color: #2c2c2c;
				padding-left:50px;
				/*padding-top: 15px;*/
				background: url(img-six/main_logo.png) no-repeat;
				background-position: left center;
				height: 36px;
				line-height: 36px;
				font-weight: bold;
			}
			.main_left,.main_right{
				background-color: white;
			}

			.main_left{
				width: 164px;
				height: 280px;
				float: left ;
				box-shadow: 10px 10px #E7E7E7;
			}
			.main_right{
				width: 1038px;
				height: 1022px;
				float: right;
				margin-top: 10px;
			}
			.main_down .main_left ul{
				padding: 0px;
			}
			.main_down .main_left ul li:nth-child(1){
				background: #59AA3A;
				box-shadow: 10px 0px #59AA3A;
				border-bottom: 1px solid #59AA3A;
			}
			.main_down .main_left ul li{
				margin: 0px;
				padding: 0px;
				list-style: none;
				line-height: 46px;
				text-align: center;
				border-bottom: 1px solid #e7e7e7;
			}
			.main_down .main_left ul li a{
				color: #2C2C2C;
				font-weight: 500 ;
				font-size: 14px;
				line-height: 20px;
			}
			.main_down .main_left ul li:hover{
				background: #59AA3A;
				box-shadow: 10px 0px #59AA3A;
			}
						
			ul,
			li {
				list-style: none;
			}
			
			
			.main_right .clearfix li {
				margin: 50px 18px 10px;
			}
			
			.fl {
				float: left;
			}
			
			.main_right .clearfix li a {
				display: inline-block;
				height: 50px;
				line-height: 50px;
				text-decoration: none;
			}
			
			img,
			a img {
				vertical-align: middle;
				border: none;
			}
			
			a {
				color: #646464;
			}
			
			.main_right .clearfix li a span {
				display: block;
				height: 20px;
				line-height: 20px;
				font-size: 14px;
				text-align: center;
				margin-top: 6px;
			}
			.footer{
				/*border: 1px solid red;*/
				width: 1220px;
				height: 280px;
				margin: 0 auto;
				background-color: white;
			}
			.footer .footer_nei{
				/*border: 1px solid red;*/
				width: 1000px;
				height: 280px;
				margin: 0 auto;
				
			}
			.footer .footer_nei .footer_shang{
				display: inline-block;
			}
			.footer .footer_nei .footer_shang ul{
				border-bottom: 1px solid #E2E2E2;
				line-height: 45px;
				width: 1000px;
				margin-top: 20px;
			}
			.footer .footer_nei .footer_shang ul li{
				display: inline-block;
				/*border: 1px solid red;*/
				margin-right: 50px;
			}
			.footer .footer_nei .footer_shang ul li a{
				color: #8B8A8A;
				font-size: 16px;
				text-decoration: none
			}
			.footer .footer_nei .footer_zhong{
				height: 50px;
				width: 1050px;
				margin-top: 35px;
				
			}
			.footer .footer_nei .footer_zhong h4{
				font-weight: bold;
				color: #4E4E4E;
			}
			.footer .footer_nei .footer_zhong span{
				color:#333333 ;
				display: inline-block;
				padding-right: 30px;
				line-height: 50px;
			}
			.footer .footer_nei .footer_zhong span:hover {
				color: #AEACAC;
				transform: all .5s;
			}
			.footer .footer_two{
				width: 1220px;
				height: 54px;
				margin: 0 auto;
				background-color:#59AA3A ;
			}
			.footer_two p{
				display: block;
				text-align: center;
				/*border: 1px solid red;*/
				padding-top: 15px;
				color: #FFFFFF;
				size: 14px;
			}
			.footer_two p a{
				color: #FFFFFF;
				size: 14px;
				text-decoration: none
			}
		</style>
	</head>
	<body>
		<div class="top clear">
			<div class="top_menu clear">
				<div class="logo clear"></div>
				<div class="topnavs clear">
					<ul>
						<li><a href="shouye.html">首页</a></li>
						<li><a href="zhongchou.html">众筹</a></li>
						<li><a href="huodong.html">活动</a></li>
						<li><a href="shetuan.html">社团</a></li>
						<li><a href="dongtai.html">动态</a></li>
					</ul>
			   	</div>
			   	<div class="toppad clear">
					<a href="#">
						<img src="img-six/contest.png"/>
					</a>
				</div>
				<div class="search clear">
					<a href="#">&#xe74e;</a>
				</div>
				<div class="toplogin">
					<a href="#">登录</a>
				</div>
				<div class="fabu">
					<ul><li class="line"></li>
						<li><a href="chenweihuoban.html"><span>&#xe603;</span>成为伙伴</a></li>
						<li class="line"></li>
						<li><a href="guanyuwomen.html"><span>&#xe603;</span>关于我们</a></li>
						<li class="line"></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="main_top">
				<h3>优质公益产品</h3>
			</div>
			<div class="main_down clear">
				<div class="main_left">
					<ul>
						<li class="on"><a href="#;">教育</a></li>
						<li><a href="#" >助老</a></li>
						<li><a href="#">文化</a></li>
						<li><a href="#">社区</a></li>
						<li><a href="#">环保</a></li>
						<li><a href="#">公益教育</a></li>
                  </ul>
				</div>
				<div class="main_right">
					<ul class="clearfix">
                     <li class="fl">
                     	<a title="支教中国2.0远程教室" href="#" >
                     		<img alt="支教中国2.0远程教室" src="img-six/01.jpg" style="width:190px;height:60px;">
                     		<span>支教中国2.0远程教...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="邮警情--防金融电信诈骗知识教育课程" href="#" >
                     		<img alt="邮警情--防金融电信诈骗知识教育课程" src="img/02.png" style="width:190px;height:60px;">
                     		<span>邮警情--防金融电信...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="益童魔方" href="#" >
                     		<img alt="益童魔方" src="img-six/03.png" style="width:190px;height:60px;">
                     		<span>益童魔方...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="“一起爱法”青少年普法课程" href="#" >
                     		<img alt="“一起爱法”青少年普法课程" src="img-six/04.png" style="width:190px;height:60px;">
                     		<span>“一起爱法”青少年普...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="童萌工坊-普惠性社区早教支持计划" href="#" >
                     		<img alt="童萌工坊-普惠性社区早教支持计划" src="img-six/05.png" style="width:190px;height:60px;">
                     		<span>童萌工坊-普惠性社区...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="食品安全健康大篷车" href="#" >
                     		<img alt="食品安全健康大篷车" src="img-six/06.png" style="width:190px;height:60px;">
                     		<span>食品安全健康大篷车...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="启步计划：0-3岁儿童早期发展" href="#" >
                     		<img alt="启步计划：0-3岁儿童早期发展" src="img-six/07.png" style="width:190px;height:60px;">
                     		<span>启步计划：0-3岁儿...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="平安少年派——系列安全体验课程" href="#" >
                     		<img alt="平安少年派——系列安全体验课程" src="img-six/08.png" style="width:190px;height:60px;">
                     		<span>平安少年派——系列安...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="健康大使“自我增能”工具包" href="#" >
                     		<img alt="健康大使“自我增能”工具包" src="img-six/09.png" style="width:190px;height:60px;">
                     		<span>健康大使“自我增能”...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="易读写——读写困难儿童支持计划" href="#" >
                     		<img alt="易读写——读写困难儿童支持计划" src="img-six/10.png" style="width:190px;height:60px;">
                     		<span>易读写——读写困难儿...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="壹乐园·儿童服务站" href="#" >
                     		<img alt="壹乐园·儿童服务站" src="img-six/11.png" style="width:190px;height:60px;">
                     		<span>壹乐园·儿童服务站...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="儿童平安小课堂" href="#" >
                     		<img alt="儿童平安小课堂" src="img-six/12.png" style="width:190px;height:60px;">
                     		<span>儿童平安小课堂...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="PC计划“穿墙引线”——服刑人员子女帮扶计划" href="#" >
                     		<img alt="PC计划“穿墙引线”——服刑人员子女帮扶计划" src="img-six/13.png" style="width:190px;height:60px;">
                     		<span>PC计划“穿墙引线”...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="加油计划" href="#" >
                     		<img alt="加油计划" src="img-six/14.jpg" style="width:190px;height:60px;">
                     		<span>加油计划...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="公益小天使" href="#" >
                     		<img alt="公益小天使" src="img-six/15.jpg" style="width:190px;height:60px;">
                     		<span>公益小天使...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="彩虹村助学" href="#" >
                     		<img alt="彩虹村助学" src="img-six/16.jpg" style="width:190px;height:60px;">
                     		<span>彩虹村助学...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="女童保护" href="#" >
                     		<img alt="女童保护" src="img-six/17.jpg" style="width:190px;height:60px;">
                     		<span>女童保护...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="未来希望幼儿班" href="#" >
                     		<img alt="未来希望幼儿班" src="img-six/18.jpg" style="width:190px;height:60px;">
                     		<span>未来希望幼儿班...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="新1001夜" href="#" >
                     		<img alt="新1001夜" src="img-six/19.jpg" style="width:190px;height:60px;">
                     		<span>新1001夜...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="农村学前教育质量提升项目" href="#" >
                     		<img alt="农村学前教育质量提升项目" src="img-six/20.jpg" style="width:190px;height:60px;">
                     		<span>农村学前教育质量提升...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="阿福童快乐财商课" href="#" >
                     		<img alt="阿福童快乐财商课" src="img-six/21.jpg" style="width:190px;height:60px;">
                     		<span>阿福童快乐财商课...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="未来国-阅读嘉年华" href="#" >
                     		<img alt="未来国-阅读嘉年华" src="img-six/22.jpg" style="width:190px;height:60px;">
                     		<span>未来国-阅读嘉年华...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="儿童安全“五防”课程" href="#" >
                     		<img alt="儿童安全“五防”课程" src="img-six/23.jpg" style="width:190px;height:60px;">
                     		<span>儿童安全“五防”课程...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="反毒大篷车" href="#" >
                     		<img alt="反毒大篷车" src="img-six/24.jpg" style="width:190px;height:60px;">
                     		<span>反毒大篷车...</span>
                     	</a>
                     </li>
                     <li class="fl">
                     	<a title="爷爷奶奶一堂课" href="#" >
                     		<img alt="爷爷奶奶一堂课" src="img-six/25.jpg" style="width:190px;height:60px;">
                     		<span>爷爷奶奶一堂课...</span>
                     	</a>
                     </li>
                    	<li class="fl">
                    		<a href="#"><img src="img-six/26.png"></a>
                    	</li>
                    </ul>
				</div>
			</div>
		</div>
			<div class="footer">
				<div class="footer_nei">
					<div class="footer_shang">
						<ul>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">问题中心</a></li>
							<li><a href="#">服务协议</a></li>
							<li><a href="#">免责条款</a></li>
						</ul>
					</div>
					<div class="footer_zhong">
						<h4>友情链接</h4>
						<a href="#">
						<span>中国环境文化促进会</span><span>上海通用</span><span>米公益</span><span>环评爱好者</span>
						<span>新公益</span><span>创意谷</span><span>长沙市野生动植物保护协会</span><span>壹起网</span>
						<span>绿色生命</span><span>创绿中心</span>
						</a>
					</div>
					<div class="footer_zhong">
						<h4>合作媒体</h4>
						<a href="#">
						<span>CCTV央视网</span><span>东方卫视</span><span>搜狐网</span><span>凤凰网</span>
						<span>腾讯网</span><span>亚洲环保网</span><span>股权众筹</span>
						</a>
					</div>
				</div>
				<div class="footer_two">
					<p><a href="#">Copyright &copy;2004-2018 www.drivetogreen.com 版权所有 网站备案/许可证号 沪ICP备13034092号-2<img src="img/beian.png"/> 沪公网安备 31010102004590号</a></p>
				</div>
			</div>
	</body>
</html>
